<!DOCTYPE html>
<html>
<head>
    <title>微信支付成功</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="initial-scale=1.0, width=device-width, user-scalable=no"/>
    <link rel="stylesheet" type="text/css" href="css/lanren.css">
    <script src="/js/jquery/jquery.min.js"></script>
    <script src="/pay/js/jquery.js"></script>
    <script src="/js/bootstrap-4.1.1-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/css/font/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/css/reset.css"/>
    <link rel="stylesheet" href="/css/myStrategyComment.css"/>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <link rel="stylesheet" href="/js/plugins/dialog2/dialog.css"/>
    <script src="/js/plugins/dialog2/dialog.min.js"></script>
    <script src="/js/plugins/form/jquery.form.js"></script>
    <script src="/js/common.js"></script>
    <script type="text/javascript">
        $(function () {
            //自定义支付
            var params = getParams();
            if (params.id) {
                $.get("/hotel/" + params.id, function (data) {
                    $("#container").renderValues({list: data});
                })
            }
            //绑定点击事件
            $("#shop").click(function () {
                //发送请求改变购物车的状态
                if (params.id) {
                    $.post("/hotelProducts/put", {userId: 1, productsId: params.id, prodecutState: 3}, function (data) {
                        window.location.href = "/mall-detail.html?state=2&id=" + params.id;
                    })


                }
            })

        })
    </script>
</head>
<body>
<div id="container">
    <div class="header">
        <div class="all_w" style="position:relative; z-index:1;">
            <div></div>
            <div class="col-3">
                <a href="/hotelindex.html">
                    <span><i class="fa fa-chevron-left fa-2x" style="color: white"></i></span>
                </a>
            </div>
            <div class="ttwenz" style=" text-align:center; width:100%;">
                <h4>交易详情</h4>
                <h5>微信安全支付</h5>
            </div>
        </div>

        <div class="zfcg_box ">
            <div class="all_w">
                <img src="img/images/cg_03.jpg"> 支付成功
            </div>

        </div>
        <div class="cgzf_info">
            <div class="wenx_xx">
                <div class="mz">叩丁狼微信商城</div>
                <div class="wxzf_price" render-html="list.price">￥11.90</div>
            </div>

            <div class="spxx_shop">
                <div class=" mlr_pm">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td>商 品</td>
                            <td align="right" render-html="list.hotel"></td>
                        </tr>
                        <tr>
                            <td>交易时间</td>
                            <td align="right">2018-12-16 12:32:26</td>
                        </tr>
                        <tr>
                            <td>支付方式</td>
                            <td align="right">招商银行</td>
                        </tr>
                        <tr>
                            <td>交易单号</td>
                            <td align="right">1205329821521545465665855444</td>
                        </tr>
                    </table>

                </div>

            </div>
        </div>


        <div class="wzxfcgde_tb"><img src="img/images/cg_07.jpg"></div>
    </div>
</div>
</body>
</html>